<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title> Animation </title>
  <link href="css/layout_2col_right_13.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="js/addevent.js"></script>
 </head>

 <body>
	<div class="page_margins">
		<div class="page">
			<div id="header">
				<h1>Please enjoy</h1>
			</div>
			<div id="main">
				<div id="col1" role="main">
					<div id="col1_content" class="clearfix">
						<h3>Small lattice</h3>
						<div class="subcolumns">
							<div id="screen">
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
																
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>				
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
																
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>				
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
																
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>				
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
																
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>				
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
																
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>				
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
																
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>				
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
																
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>				
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
																
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>				
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
																
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>				
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
								<div class="gridodd"></div><div class="grideven"></div>
																
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>				
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
								<div class="grideven"></div><div class="gridodd"></div>
							</div>
						</div>	
					</div>
				</div>
				<div id="col3">
					<div id="col3_content">
						<ul>
							<li><input type="button" value="Make Frame" id="print" /></li>
							<li><input type="button" value="ALL 128" id="all128" /></li>
							<li><input type="button" value="ALL 192" id="all192" /></li>
							<li><input type="button" value="Up move" id="upmove" /></li>
							<li><input type="button" value="Down move" id="downmove" /></li>
							<li><input type="button" value="Left move" id="leftmove" /></li>
							<li><input type="button" value="Right move" id="rightmove" /></li>
							<li><input type="button" value="Run" id="run" /></li>
						</ul>
						<div>
							<input type="text" value="" id="updateValue" />
							<input type="button" value="update" id="histUpdate" />
						</div>
					</div>
				</div>
			</div>
			<div id="footer">
				<div id="history"></div>
				Li Pengyu 2010.10
			</div>
			<script type="text/javascript" src="js/make.js"></script>
		</div>
	</div>
 </body>
</html>
